/* Le conteneur global du calendrier */
.calendrier
{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}

.calendrier_small
{
	width: 100%;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 0.9em;
}

/* Affichage du mois en cours, 1ère ligne du tableau*/
.cemois
{
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 1.5em;
}

.cemois_small
{
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 0.9em;
}

/* Ligne contenant le Combo de choix de l'année et du mois, 2ème ligne du tableau */
.macombo
{
	text-align: center;
	font-size: 0.8em;
}

/* La ligne du nom des jours de la semaine (en-tête), 3ème ligne du tableau */
#jours 
{
	background-color: #98a2bf;
}

#jours td 
{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
}

.ligne 
{
} 

.ligne_small
{
	font-size: 0.9em;
	height: 30px;
}

/* Chaque cellule du calendrier */
.ligne td
{
	color: #000;
	border: 1px solid #bcc2d6;
	height: 7em;
}

.ligne_small td
{
	color: #000;
	border: 1px solid #e6e6e6;
}

.ligne td a:hover
{
	list-style: none;
	text-decoration: none;
}

.ligne_small td a:hover
{
	list-style: none;
	text-decoration: none;
}

/* Aujourd'hui */
td.itemCurrentItem 
{
	color: #f80a12;
}

/* Jour sélectionné */
td.itemSelectedItem 
{
	color: #f96668;
}

/* Affichage du numéro du jour (p. ex. 19 pour le 19 mars) */
.jour
{
	float: left;
	clear: both;
	
	height: 100%;
	width: 2em;
	
	background-color: #acb8d8;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}

.jour_small
{
	float: left;
	clear: both;
	
	height: 30px;
	width: 1.1em;
	
	background-color: #acb8d8;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}

/* Affichage du contenu de la cellule : p. ex. les RDV de ce jour là */
.contenu
{
	height:  100%;
	font-size: 0.8em;
}

.contenu_small
{
	height:  100%;
	font-size: 0.8em;
}

/* Nombre d'événements dans chaque case (vue réduite seulement) */
.numevent_small
{
	width: 100%;
	height: 30px;
	background-color: #70b8fd;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
}